{extend name="public:base" /}

{block name="title"}<title>Date挂件</title>{/block}

{block name="pjax_container"}
<section class="content-header">
    <h1>Date挂件</h1>
</section>
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal" method="POST" action="" >
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#tab1" data-toggle="tab">Date挂件</a></li>
                        <li><a href="#tab2" data-toggle="tab">Code</a></li>
                        <li><a href="#tab3" data-toggle="tab">说明</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
{:widget('common/Date/index', [$data, [
    'name' => 'birthday',
    'title' => '生日',
    'placeholder' => '请输入生日',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday2',
    'title' => '生日2',
    'placeholder' => '请输入生日2',
    'format' => 'YYYY-MM-DD HH:mm',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday3',
    'title' => '生日3',
    'placeholder' => '请输入生日3',
    'format' => 'YYYY-MM-DD HH',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday4',
    'title' => '生日4',
    'placeholder' => '请输入生日4',
    'format' => 'YYYY-MM-DD',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday5',
    'title' => '生日5',
    'placeholder' => '请输入生日5',
    'format' => 'YYYY-MM-DD',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday6',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday7',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
    'title_col' => '2',
    'content_col' => '2',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday6',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
    'readonly' => 'readonly',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday6',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
    'disabled' => 'disabled',
]])}
                        </div>
                        <div class="tab-pane" id="tab2">
                            <pre>
{literal}
{:widget('common/Date/index', [$data, [
    'name' => 'birthday',
    'title' => '生日',
    'placeholder' => '请输入生日',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday2',
    'title' => '生日2',
    'placeholder' => '请输入生日2',
    'format' => 'YYYY-MM-DD HH:mm',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday3',
    'title' => '生日3',
    'placeholder' => '请输入生日3',
    'format' => 'YYYY-MM-DD HH',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday4',
    'title' => '生日4',
    'placeholder' => '请输入生日4',
    'format' => 'YYYY-MM-DD',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday5',
    'title' => '生日5',
    'placeholder' => '请输入生日5',
    'format' => 'YYYY-MM-DD',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday6',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday7',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
    'title_col' => '2',
    'content_col' => '2',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday6',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
    'readonly' => 'readonly',
]])}

{:widget('common/Date/index', [$data, [
    'name' => 'birthday6',
    'title' => '当前时间',
    'placeholder' => '使用的是当前时间',
    'now_time' => true,
    'disabled' => 'disabled',
]])}
{/literal}
                            </pre>
                        </div>
                        <div class="tab-pane" id="tab3">
                            <pre>
{literal}
{:widget('common/Date/index', [$data, [
    'name' => 'birthday7',              <code>//组件标签name属性值，对应数据库字段【必须】</code>
    'title' => '当前时间',              <code>//组件标题【必须】</code>
    'placeholder' => '使用的是当前时间', <code>//提示内容【非必须】</code>
    'format' => 'YYYY-MM-DD HH:mm',     <code>//时间格式【非必须，默认：YYYY-MM-DD HH:mm:ss】</code>
    'now_time' => true,                 <code>//是否使用当前时间，优先级低于默认值【非必须,true or false】</code>
    'title_col' => '2',                 <code>//标题占比（默认2）【非必须】</code>
    'content_col' => '7',               <code>//内容占比（默认7）【非必须】</code>
    'readonly' => 'readonly',           <code>//只读【非必须】</code>
    'disabled' => 'disabled',           <code>//禁用【非必须】</code>
]])}
{/literal}
                            </pre>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
{/block}